<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>用户管理</title>
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../plugins/angularjs/angular.min.js"></script>

    <!--	分页开始-->
    <script src="../plugins/angularjs/pagination.js"></script>
    <link rel="stylesheet" href="../plugins/angularjs/pagination.css">

<!--    <script type="text/javascript">-->
<!--        //数据传输-->
<!--        var app = angular.module('supermarket',['pagination']);-->
<!--        app.controller('BrandController',function ($scope,$http) {-->


<!--            $scope.findAll = function () {-->
<!--                $http.get('../hello.do').success(-->
<!--                    function (response) {-->
<!--                        $scope.list = response;-->
<!--                    })-->
<!--            };-->

<!--            //fenye-->
<!--            $scope.paginationConf = {-->
<!--                currentPage:1,-->
<!--                totalItems:10,-->
<!--                itemsPerPage:10,-->
<!--                perPageOptions:[10,20,30,40,50],-->
<!--                onChange:function () {-->
<!--                    $scope.reloadList();-->
<!--                }-->
<!--            }-->

<!--            $scope.findpage = function (page,size) {-->
<!--                $http.get('../findpage.do?page='+ page +'&size='+ size).success(function (response) {-->
<!--                    $scope.list = response.rows;-->
<!--                    $scope.paginationConf.totalItems = response.total;-->
<!--                })-->
<!--            }-->
<!--            //添加和修改-->
<!--            $scope.save = function () {-->
<!--                var name = 'add';-->
<!--                if ($scope.text.id != null){-->
<!--                    name = 'update';-->
<!--                }-->
<!--                $http.post('../'+name+'.do',$scope.text).success(function (response) {-->
<!--                    if (response.success){-->
<!--                        $scope.reloadList();-->
<!--                    }else {-->
<!--                        alert(response.message);-->
<!--                    }-->

<!--                })-->
<!--            }-->

<!--            $scope.reloadList = function(){-->
<!--                $scope.search($scope.paginationConf.currentPage,$scope.paginationConf.itemsPerPage);-->
<!--            }-->

<!--            //查询一个并删除-->
<!--            $scope.findOne = function (id) {-->
<!--                $http.get('../findOne.do?id='+id).success(function (response) {-->
<!--                    $scope.text = response;-->
<!--                })-->
<!--            }-->
<!--            //勾选-->
<!--            $scope.selectIds = [];-->
<!--            $scope.updateID = function($event,id){-->
<!--                if ($event.target.checked) {-->
<!--                    $scope.selectIds.push(id);-->
<!--                }else {-->
<!--                    var index = $scope.selectIds.indexOf(id);-->
<!--                    $scope.selectIds.splice(index,1);-->
<!--                }-->
<!--            }-->
<!--            //删除-->
<!--            $scope.dele=function () {-->
<!--                $http.get('../delete.do?ids='+$scope.selectIds).success(function (response) {-->
<!--                    if (response.success) {-->
<!--                        $scope.reloadList();-->
<!--                    }else{-->
<!--                        alert(response.message);-->
<!--                    }-->
<!--                })-->
<!--            }-->


<!--            //查询并分页-->
<!--            $scope.searchEntity = {}-->
<!--            $scope.search = function (page,size) {-->
<!--                $http.post('../search.do?page='+ page +'&size='+ size,$scope.searchEntity).success(function (response) {-->
<!--                    $scope.list = response.rows;-->
<!--                    $scope.paginationConf.totalItems = response.total;-->
<!--                })-->
<!--            }-->

<!--        });-->
<!--    </script>-->



</head>
<body class="hold-transition skin-red sidebar-mini">
<!-- .box-body -->
<div class="box-header with-border">
    <h3 class="box-title">用户管理</h3>
</div>

<div class="box-body">

    <!-- 数据表格 -->
    <div class="table-box">

        <!--工具栏-->
        <div class="pull-left">
            <div class="form-group form-inline">
                <div class="btn-group">
                    <button type="button" class="btn btn-default" title="新建" data-toggle="modal" data-target="#editModal" ><i class="fa fa-file-o"></i> 新建</button>
                    <button type="button" class="btn btn-default" title="删除"><i class="fa fa-trash-o"></i> 删除</button>
                    <button type="button" class="btn btn-default" title="刷新" onclick="window.location.reload();"><i class="fa fa-refresh"></i> 刷新</button>
                </div>
            </div>
        </div>
        <div class="box-tools pull-right">
            <div class="has-feedback">
                ID搜索：<input>名字搜索：<input>
                <button class="btn btn-default">查询</button>
            </div>
        </div>
        <!--工具栏/-->

        <!--数据列表-->
        <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
            <thead>
            <tr>
                <th class="" style="padding-right:0px">
                    <input id="selall" type="checkbox" class="icheckbox_square-blue">
                </th>
                <th class="sorting_asc">用户ID</th>
                <th class="sorting">用户名称</th>
                <th class="sorting">年龄</th>
                <th class="sorting">性别</th>
                <th class="text-center">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td><input  type="checkbox"></td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td class="text-center">
                    <button type="button" class="btn bg-olive btn-xs" data-toggle="modal" data-target="#editModal">修改</button>
                </td>
            </tr>

            </tbody>
        </table>
        <!--数据列表/-->
        <tm-pagination conf=""></tm-pagination>
    </div>
    <!-- 数据表格 /-->




</div>
<!-- /.box-body -->

<!-- 编辑窗口 -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">用户编辑</h3>
            </div>
            <div class="modal-body">
                <table class="table table-bordered table-striped"  width="800px">
                    <tr>
                        <td>用户名称</td>
                        <td><input  class="form-control" placeholder="用户名称">  </td>
                    </tr>
                    <tr>
                        <td>年龄</td>
                        <td><input  class="form-control" placeholder="年龄">  </td>
                    </tr>
                    <tr>
                        <td>性别</td>
                        <td><input  class="form-control" placeholder="性别">  </td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success" data-dismiss="modal" aria-hidden="true">保存</button>
                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>

</body>
</html>